<template>
    <!-- <u-popup :show="show" mode="center" overlayOpacity="0.8" :closeOnClickOverlay="true" @close="closeOpenBlind"
        bgColor="transparent">
        <view class="putupPopup-box">
            <view class="title">公告</view>
            <view class="text">1111111111111111111111111111</view>
            <view class="price-box">
                <image src="" class="zs-img" />
                <input placeholder="100" type="number" v-model="price" class="input" />
            </view>
            <view class="confirm-btn ff" @tap="putupBattleship">确认</view>
        </view>
    </u-popup> -->
    <van-popup v-model:show="props.show" style=" border-radius: 20rpx;">
        <view class="putupPopup-box">
            <view class="title">{{ t('home.公告') }}</view>
            <view class="text">
                <scroll-view class="pp" scroll-y>{{ props.notice }}</scroll-view>
            </view>
            <view class="confirm-btn ff" @tap="$emit('cof')">{{ t('home.确认') }}</view>
        </view>
    </van-popup>
</template>
  
<script setup>
import { useI18n } from 'vue-i18n';
const { t } = useI18n();
const props = defineProps(['show', 'notice'])
const emit = defineEmits(['cof'])
</script>
  
<style lang="scss" scoped>
.putupPopup-box {
    width: 688rpx;
    height: 500rpx;
    background: url("/static/index/Rectangle 36@2x.png") 0 0/100% 100%;
    display: flex;
    flex-direction: column;
    align-items: center;

    .title {

        margin-top: 30rpx;
        text-align: center;
        font-size: 32rpx;
        line-height: 32rpx;
        color: #00D084;
        margin-bottom: 28rpx;
    }

    .text {
        width: 100%;
        // margin: 0 auto;
        padding: 0 30rpx;

        .pp {
            color: #ffffff;
            background-image: url('/static/index/Rectangle 75@2x.png');
            background-size: 100% 100%;
            height: 244rpx;
            font-size: 28rpx;
            border-radius: 10rpx; // margin: 24rpx;
            padding: 34rpx 24rpx;
            white-space: pre-wrap;
            word-wrap: break-word;
        }
    }


    .confirm-btn {
        width: 534rpx;
        height: 92rpx;
        margin: 0 auto;
        margin-top: 32rpx;
        margin-top: 29rpx;
        background: url("/static/index/Rectangle 62@2x.png") 0 0/100% 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 32rpx;
        color: #fff;
    }
}
</style>
  